import { Component, Output, EventEmitter, Input } from '@angular/core';

@Component({
  selector: 'app-todo-bottom',
  templateUrl: './todo-bottom.component.html',
  styleUrls: ['./todo-bottom.component.css'],
})
export class TodoBottomComponent {
  @Output() public removeCheckedTodoEvent = new EventEmitter<void>();
  @Output() public checkAllTodoEvent = new EventEmitter<void>();
  @Input() public isAllChecked: boolean = false;
  constructor() {}

  public removeCheckedTodo() {
    this.removeCheckedTodoEvent.emit();
  }
  public allCheckStateChange() {
    this.checkAllTodoEvent.emit();
  }
}
